export default {
  title: '监控/大华-单独手动播放',
  parameters: {
    docs: {
      description: {
        component: `请配合 <span style="font-weight: bold;font-size: 14px;color: grey">vue、tailwindcss、dayjs、uuid、ArkIconFont</span> 使用`
      }
    }
  },
  argTypes: {
    playerType: {
      description: '监控类型',
      control: 'select',
      options: ['real', 'record']
    },
    playerId: {description: '监控ID选择器的名称，每个监控必须唯一'},
    useNginxProxy: {description: '是否启用大华监控代理服务器'},
    proxyServerIp: {description: '大华监控代理服务器IP:PORT，启用代理播放时必填'},
    streamServerIp: {description: '大华监控视频流IP:PORT，不启用代理播放时必填'},
    playerObj: {description: '监控对象{id通道编码,isOnline是否在线}'},
    recordDate: {description: '监控回放的日期，格式YYYY-MM-DD'},
    showTopControlBar: {description: '是否展示顶部控制栏'},
    playerIconSize: {description: '监控播放器图标大小'},
    playerStyle: {description: '监控播放器样式，重点是width和height'},
    initPlayerAfter: {description: '初始化播放器成功后触发的事件'},
    clickPlayer: {description: '点击监控后触发的事件'},
  }
};

export const Basic = {
  name: '基本使用',
  render: (args) => ({
    components: {},
    setup() {
      return {args};
    },
    template: `
      <el-alert title="无大华的前后端环境，此处无法展示使用！" type="error" :closable="false"/>
      <!--<IccMonitorSolo v-bind="args"/>-->`,
  }),
  args: {
    playerType: 'real',
    playerId: 'sole',
    useNginxProxy: false,
    proxyServerIp: '127.0.0.1',
    streamServerIp: '111.20.179.206:19100',
    playerObj: {
      id: '1000016$1$0$1',
      isOnline: false
    },
    recordDate: '2024-01-01',
    showTopControlBar: false,
    playerIconSize: 25,
    playerStyle: {
      width: '100%',
      height: '100%',
    }
  }
};